/* 滚动条整体部分 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* 滚动条里面的滑块 */
::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 20px;
  transition: background-color 0.3s;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

.el-dialog {
  border-radius: 10px;
  .el-dialog__header {
    font-weight: 600;
  }
  .el-dialog__footer {
    text-align: center;
    .el-button {
      border: none;
      width: 80px;
      height: 34px;
      padding: 0;
      // 第二个按钮
      &:nth-child(1){
        background-color: #fbf4f0!important;
        color: #655b56;
        &:hover {
          background-color: #f3e7e1!important;
        }
      }
      // 第一个按钮
      &:nth-child(2){
        color: #fff;
        background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
        &:hover {
          background: linear-gradient(135deg,#ff7d43,#db3602)!important;
        }
      }
    }
  }
}